.page-content {
	.album-layout {
		display: flex;
		flex-wrap: wrap;
		margin-left: -2vw;
		margin-right: -2vw;
		.album-item:nth-child(1),.album-item:nth-child(2),.album-item:nth-child(3){
			margin-top: 14.02rpx !important;
		}
		.album-item {
			margin-left: 2vw;
			margin-right: 2vw;
			margin-top: 26.28rpx;
			position: relative;
			.album {
				width: 28vw;
				height: 25.77vw;
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				.item-img {
					width: 96%;
					height: 96%;
					border-radius: 40rpx;
				}
				.item-bg {
					position: absolute;
					z-index: 9;
					width: 100%;
					height: 100%;
					pointer-events: none;
					content: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_today_header.svg?v20220826');
				}
				.video {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					.icon-play {
						position: absolute;
						width: 48rpx;
						height: 48rpx;
					}
					video {
						width: 100%;
						height: 100%;
						border-radius: 40rpx;
					}
				}
				.more-layout {
					position: absolute;
					bottom: 14.02rpx;
					left: 17.52rpx;
					right: 17.52rpx;
					z-index: 8;
					height: 52.57rpx;
					background: rgba($color: #000000, $alpha: 0.6);
					display: flex;
					align-items: center;
					justify-content: space-between;
					.status-text {
						font-size: 21.03rpx;
						color: $status-color;
						padding: 0 17.52rpx;
					}
					.icon-more {
						width: 31.54rpx;
						height: 31.54rpx;
						padding: 0 17.52rpx;
					}
				}
			}
		}
	}
}
